
div,html,body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {margin:0; padding:0;}
body {font:100%/1.75em tahoma,Arial,'Microsoft Yahei','Simsun'; color:#333;}
a {text-decoration:none; color:#34495e;}
a:hover {color:#333; text-decoration:underline;}
li {list-style:none;}
.clear {clear:both;}
a img {border:none;}
table {background-color: transparent; border-spacing: 0; border-collapse: collapse; font-size:14px; width:100%;border-top:solid 1px #ddd;border-left:solid 1px #ddd; box-sizing: border-box;}
table th{background-color:#f9f9f9;text-align:center; box-sizing: border-box;}
table td,table th{padding:5px 10px;border:1px solid #ddd; box-sizing: border-box;}
img {max-width:100%; height:auto;}
img.aligncenter {display:block; margin:0 auto;}
/*gold*/
#container,.inner {width:1200px; margin:0 auto;}
.thumbnail img:hover {opacity:0.8;}
/*header*/
#header {width:100%; height:45px; padding:10px 0; border-top:5px solid #6EA10D; background-color:#34495e;}
.logo {background:url(images/logo.png) no-repeat center center; width:100%; height:100%; float:left; transition-duration: 0.3s;}
.logo a {display:block; height:31px; text-indent:-9999em; outline:none;}

.menu {float:right; font-size:0.875em;}
.menu ul li {float:left; height:30px; line-height:30px; position:relative;}
.menu ul li a {display:block;height:30px; padding:0 15px; color:#eee;}
/*.menu ul li a:hover, .menu ul li.current-menu-item a, .menu ul li a.hover {background:#1abc9c; border-radius:3px; color:#fff;}*/
.menu ul li ul {position:absolute; left:0; top:27px; background:#1ABC9C; border-radius:0 0 3px 3px; padding:10px 0; display:none; z-index:9999;}
.menu ul li ul li {display:block; padding:1px 0;}
.menu ul li ul li a{color:#fff; padding:0 15px;}

/*searchform*/
.searchform_button {float:right; background:url(images/sprite.png) no-repeat 6px -162px; width:30px; height:30px; cursor:pointer; border:none;margin: 0}
.head-icon{float: right;border: none;height: 30px;line-height: 30px;color:#CDD2D5;font-weight: bolder;cursor:pointer;}
#searchform {clear:both; width:100%; height:30vh; display:block;position: relative}
#searchform input {border:none; float:left;}
#searchform .inner { height: 70%;width: 80%; padding:10px 0; overflow:hidden;position: absolute;bottom: 0;margin-left: 10%;display: flex;align-items: center;justify-content: center}
#searchform .text { width: 50%;padding:18px;  color:#666;  appearance:none;border-bottom-left-radius: 5px;border-top-left-radius: 5px;}
#searchform .submit {padding:12px 24px;  background:#F90; color:#fff; cursor:pointer; font-size:0.875em; font-family:'Microsoft Yahei';  appearance:none; -webkit-appearance: none; border-bottom-right-radius: 5px;border-top-right-radius: 5px;}

.color-change-2x {
	-webkit-animation: color-change-2x 2s linear infinite alternate both;
	animation: color-change-2x 2s linear infinite alternate both;
}

@-webkit-keyframes color-change-2x {
	0% {
		background: #19dcea;
	}
	100% {
		background: #b22cff;

	}
}
@keyframes color-change-2x {
	0% {
		background: #19dcea;
	}
	100% {
		background: #b22cff;
	}
}


/*container*/
#container {overflow:hidden; clear:both; margin:10px auto;}
.main {width:800px; float:left; transition-duration: 0.5s;}
/*breadcrumb*/
.breadcrumb {font-size:0.75em; color:#888; font-family:'宋体';}
.breadcrumb a {color:#888;}
.breadcrumb a:hover {color:#34495E;}
/*sidebar*/
#BAIDU_SSP__wrapper_u1933416_0 {float:right;}
.sidebar {width:360px; float:right; transition-duration: 0.5s;}
.sidebar .fixed {position:fixed; top:20px; width:inherit;}
.widget {margin-bottom:15px; overflow:hidden;}
.widget img {width:auto; max-width:100%; height:auto;}
.widget h3 {border-top:2px solid #1abc9c; border-bottom:1px solid #E1E1E1; height:35px; line-height:34px; padding-left:15px; font-size:1em; color:#fff; background-color:#34495E; font-weight:lighter;}
.widget ul, .widget .taglist {padding:10px 0; overflow:hidden; background-color:#fff;}
.side-post li {line-height:1.7em; border-bottom:1px dotted #ccc; padding:8px 0 8px 20px; background:url(images/sprite.png) no-repeat 0 -109px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:0.875em; letter-spacing:1px;}
.side-post a {color:#444;}
.side-post a:hover {color:#1ABC9C;}
#category ul {width:105%; padding:10px 0;}
#category li {float:left; display:inline-block; width:45%; margin-right:5%; text-align:right; border-bottom:1px solid #eee; padding:8px 0; color:#999; font-size:14px;}
#category li a {color:#707070; float:left;}
#category li.current-cat a {color:#42ABE2; font-weight:bold;}
#tags a{ font-size:0.75em; display:inline-block; float:left; background-color:#f1f1f1; margin:5px; padding:2px 10px; color:#707070;  border-bottom:1px solid #ededed;}
#tags a:hover {background:#1ABC9C; color:#fff;}
#custom h3 {margin-bottom:10px;}
#custom img {display:block; border-radius:3px;}
#custom ul {border:1px solid #E1E1E1; padding:2px; border-radius:3px;}
#custom ul li {float:left; width:160px; height:160px; margin:10px 0 5px;}
#custom ul li img {width:160px; height:160px;}
#custom iframe {display:table; margin:0 auto;}
#email input {display:block; float:left; border:none;}
#email .email {border:1px solid #DCDCDC; height:14px; padding:10px; width:252px; color:#666;}
#email .submit {background:#1ABC9C; color:#fff; font-family:'Microsoft Yahei'; font-size:0.875em; height:36px; border-radius:0 3px 3px 0; padding:0px 15px; cursor:pointer;}
#email .submit:hover {background:#26C8A8;}
/*sticky 1.3.7*/
.sticky {padding:15px 0; border-bottom:1px solid #eee;}
.sticky h2 {font-size:18px; font-weight:normal; line-height:1.5em;}
.sticky i {font-style:normal; color:#FFF; background-color:#F04848; font-size:12px; width:30px; height:20px; border-radius:2px; line-height:20px; margin-right:10px; font-family:'宋体'; display:inline-block; text-align:center; vertical-align:middle;}
.sticky a {color:#333;}
.sticky a:hover {color:#34495E;}
/*pgTitle 1.3.7*/
.pgTitle {font-size:32px; line-height:1.5em; font-weight:normal; text-align:center; text-transform:uppercase; margin-bottom:20px; color:#34495e; letter-spacing:2px;}
/*postTitle 1.3.7*/
.postTitle {color:#34495e; font-size:24px; line-height:1.5em; letter-spacing:2px; margin-bottom:15px;}
/*blogItem 1.3.7*/
.blogItem {overflow:hidden; padding:15px 0; transition-duration: 0.3s; border-bottom:1px solid #eee;}
.blogItem h2 {color: #34495e; font-size: 22px; line-height:1.5em; letter-spacing: 2px; margin-bottom: 10px;}
.blogItem .box {overflow:hidden;}
.blogItem .thumbnail {float:left; border: 1px solid #ddd; padding: 1px; overflow:hidden;width:200px;}
.blogItem .thumbnail a {display:block; padding-right:0; background:none; padding-bottom:100%; position:relative; overflow:hidden;}
.blogItem .thumbnail img {position:absolute; left:0; top:0; display:block; width:100%; height:100%; min-height:100%; object-fit:cover;}

.blogItem .intro {font-size:14px; line-height:2em; margin-bottom:20px; margin-left:225px; overflow:hidden; max-height:10em;}
.blogItem .intro.nr {margin-left:0;}
.blogItem .more {float:right;}
.blogItem .more a {display: block; height: 30px; line-height: 30px; width: 80px; border-radius: 3px; color: #fff; text-align: center; background: #737F99;padding-right: 0; font-size:12px;}
.blogItem .more a:hover{background-color:#26c8a8;}
/*blogItem 1.3.7*/
.postmeta {line-height:24px; color:#bbb; font-size:12px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin-bottom:2.5%;}
.postmeta a {color:#bbb;}
.postmeta a:hover {color:#000;}
.postmeta span {display:block; float:left; padding:0 15px 0 25px;  background:url(images/sprite.png) no-repeat;}
.postmeta .date {background-position:0 -82px;}
.postmeta .cmt {background-position:0 -35px;}
.postmeta .tags {background-position:0 -220px; padding-left:18px;}
.postmeta .views {background-position:0 -261px;}

.post {overflow:hidden; padding:15px 0; transition-duration: 0.3s; border-bottom:1px solid #eee;}
.post .pic {float:left; width:58px; height:58px; margin-right:15px; display:inline; border-radius:29px; border:1px solid #ddd; padding:1px;}
.post .pic img {width:58px; height:58px; border-radius:29px; transition:transform 0.4s ease-out 0s;}
.post .pic img:hover {transform:rotateZ(360deg);}
.post .title {color:#34495e; font-size:1.375em; letter-spacing:2px; margin-bottom:5px;}




.entry {clear:both; font-size:16px; line-height:2em; color:#333;}
.entry hr {border:none; border-bottom:1px solid #dedede; margin-bottom:20px;}
.entry i {color:#3A599A;}
.entry h3 {font-weight:normal; color:#555; line-height:1.5em; font-size:20px; margin-bottom:10px;}
.entry h5 {margin-bottom:20px; font-size:1.25em; font-weight:normal; color:#000; line-height:1.5em; border-left:6px solid #3A599A; padding:3px 0 3px 10px; background-color:#f6f6f6;}
.entry h6 {font-size:16px; line-height:1.5em; margin-bottom:20px;}
.entry h4 {font-size:1.35em; text-transform:uppercase; margin-bottom:20px; color:#3A5999; font-weight:normal; line-height:1.5em; border-bottom:1px solid #eee; padding-bottom:10px;}

.entry a {color:#3A599A; background:url(images/link.png) no-repeat right center; background-size:auto 12px; padding-right:15px;}
.entry p {margin-bottom:20px;}
.entry p.more {float:right;}
.entry p.more a{display:block; height:30px; line-height:30px; width:80px;  border-radius:3px; color:#fff;  text-align:center; background:#737F99; padding-right:0;}
.entry p.more a:hover {background-color:#26c8a8;}
.entry blockquote {background-color:#FFFCEF; border:1px dotted #FFbe99; border-radius:3px; padding:15px 15px 0; margin:0 2em 15px; overflow:hidden; color:#888;}
.entry code {background-color:#F9F2F4; color:#c7254e; margin:0 3px; padding:0 2px; font-weight:normal;}
.entry ul, .entry ol {margin-bottom:20px; margin-left:2em;}
.entry li {line-height:1.75em; padding:5px 0;}
.entry ul li {background:url(images/libg.png) no-repeat 0 12px; padding-left:20px;}
.entry ol li {list-style:inside decimal none; background:none; padding-left:0;}
.entry table {margin-bottom:20px;}
.entry table td, .entry table th {padding:0 5px;}
.entry .wp_syntax pre {font-size:12px;}
.copyright {margin:0; padding:10px; font-size:0.875em; background-color:#f5f5f5; border:1px solid #f1f1f1; border-radius:5px;}
.copyright p {margin:0; line-height:1.75em; color:#888;}
.copyright a {color:#888; background:none; padding-right:0; text-decoration:underline;}
/*favbox*/
.favbox,.favbox ul {overflow:hidden; clear:both;}
.favbox h3 {font-size:1.125em; font-weight:normal; margin:10px 0; border-bottom:2px solid #eee; padding-bottom:5px; color:#555;}
.favbox h3 span {border-bottom:2px solid #00ad35; padding-bottom:8px;}
.favbox ul {width:101%;}
.favbox ul li {float:left; width:22%; color:#777; font-size:0.75em; padding:10px 1%; margin:5px 1% 5px 0; height:88px; overflow:hidden; background-color:#f9f9f9; display:inline-block;}
.favbox ul li a {display:block; width:100%; margin-bottom:5px; color:#00ad35; font-size:1.25em;}
/*themes*/
.themes {overflow:hidden;}
.themes ul {overflow:hidden; width:102%; padding-top:10px; }
.themes li {float:left; width:18%; padding-right:2%; padding-bottom:2%;}
.themes li .theme-warp {overflow:hidden; background:#fff; transition-duration: 0.3s; border:1px solid #ededed; padding:5px;}
.themes li .thumbnail {margin-bottom:10px;}
.themes li .thumbnail a {display:block; padding-bottom:100%; position:relative; overflow:hidden;}
.themes li .thumbnail img {width:100%; height:100%; display:block; position:absolute; left:0; top:0; object-fit:cover;}
.themes li h2 {font-size:0.875em; line-height:1.5em; height:3em; overflow:hidden; text-overflow:ellipsis; margin-bottom:10px;}
.themes li h2 a {color:#333;}
.themes li .theme-meta {font-size:0.75em; line-height:1.5em; color:#333; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.themes li .theme-meta a {color:#1871B1;}
.themes .pagenavi {margin:0;}
/*host*/
h3.host-title {font-size: 1.125em; line-height: 1.4em; color: #446BBA; margin-bottom:25px; text-align:center; padding-bottom:4px; border-bottom:2px solid #eee;}
h3.host-title span { border-bottom: 2px solid #446BBA; padding:0 10px 5px;}
.host {position:relative; overflow:hidden; padding:15px 0 15px 240px;}
.host-logo {width:200px; height:120px; border:1px solid #ededed; position:absolute; left:0; top:15px; background-repeat:no-repeat; background-position:center center; background-size:60% auto;}
.host-logo a {text-indent:-9999em; display:block; position:absolute; left:0; top:0; width:100%; height:100%;}
.host-meta {border:1px solid #dedede; border-radius:3px; padding:10px 20px; position:relative;}
.host-meta h2 {font-weight:normal; font-size:1.125em; margin-bottom:10px; line-height:1.5em;}
.host-meta h2 a {color:#E71929;}
.host-meta h2 i {font-weight:normal; font-style:normal; margin-right:5px; background-color:#446BBA; color:#fff; font-size:0.75em; line-height:1em; padding:1px 3px; border-radius:2px;}
.host-meta p {font-size:0.875em; color:#666;}
.host-meta .arrow {position:absolute; left:-10px; top:51px; border-right:10px solid #dedede; border-top:10px solid transparent; border-bottom:10px solid transparent;}
.host-meta p.go {margin-top:10px;}
.host-meta p.go span {font-weight:bold;}
.host-meta p.go a {color:#446BBA;}
/*wp_syntax*/
.wp_syntax {color:#100;	background-color:#f9f9f9; margin: 0 0 1.5em 0;	overflow: auto;}
/* IE FIX */
.wp_syntax {overflow-x:auto; overflow-y:hidden;	padding-bottom:0; width: 99%;}
.wp_syntax table {border:none !important; border-collapse:collapse !important; margin:0 !important; padding:0 !important; width: 100% !important}
.wp_syntax caption {margin:0 !important; padding: 2px !important; width:100% !important; background-color:#def !important; text-align:left !important; font-family:monospace !important; font-size: 12px !important; line-height: 1.2em !important;}
.wp_syntax caption a {color: #1982d1 !important; text-align: left !important; font-family: monospace !important; font-size      : 12px !important; line-height: 16px !important; text-decoration: none !important;}
.wp_syntax caption a:hover {color: #1982d1 !important; text-decoration: underline !important;}
.wp_syntax div, .wp_syntax td {border: none !important;	text-align: left !important; padding: 0 !important; vertical-align: top !important;}
.wp_syntax td.code{background-color: #EEE; background-image: -webkit-linear-gradient( transparent 50%, rgba(255, 255, 255, .9) 50% ); background-image: -moz-linear-gradient( transparent 50%, rgba(255, 255, 255, .9) 50% ); background-image: linear-gradient( transparent 50%, rgba(255, 255, 255, .9) 50% ); background-size : 1px 32px;	line-height: normal !important;	white-space: normal !important;	width: 100% !important;}
/* potential overrides for other styles */
.wp_syntax pre {background: transparent !important; border: none !important; margin: 0 !important; padding: 0 !important;	width: auto !important;	float: none !important;	clear: none !important;	overflow: visible !important; font-family: monospace !important; font-size: 12px !important;	line-height: 16px !important; padding: 0 4px !important; white-space: pre !important;	/* FF3.5+ */	-webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0) !important; /* Saf3.0+, Chrome */ box-shadow: 0px 0px 0px rgba(0, 0, 0, 0) !important; /* Opera 10.5, IE 9.0 */	-webkit-border-radius: 0 !important; border-radius: 0 !important;}
.wp_syntax td.line_numbers pre {background-color: #def !important; color: gray !important; text-align: right !important; width: 16px !important;}

/*relatedpost 1.3.7*/
.relatedpost {overflow:hidden;}
.relatedpost h3 {margin-bottom:10px;}
.relatedpost ul {overflow:hidden; width:102%;}
.relatedpost li {float:left; padding:2px 2% 2px 0; width:48%; font-size:14px; color:#666; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.relatedpost a {color:#666; background:url(images/sprite.png) no-repeat left -120px; padding-left:20px;}
.relatedpost a:hover {color:#000; text-decoration:underline;}

.pagenavi {margin:15px 0; font-size:0.75em; overflow:hidden;}
.pagenavi a,.pagenavi span {background:#fff; border:1px solid #eee; display:inline-block; float:left; padding:0 10px; margin-right:4px; margin-bottom:2px; color:#444; font-weight:bold;}
.pagenavi a:hover,.pagenavi span.current,.pagenavi a.current {background-color:#1ABC9C; border-color:#1ABC9C; color:#fff; transition:background 0.5s ease 0s;}
.pagenavi a.prev,.pagenavi a.next,.pagenavi .pre-next {float:right;}
#backtop {position:fixed; bottom:100px; right:20px; width:23px; height:21px; cursor:pointer; background:url(images/sprite.png) no-repeat 0 0;}
#backtop img {width:100%; height:auto;}
#footer {margin-top:20px; clear:both; background:#34495e; width:100%; padding:15px 0;  font-size:0.75em; color:#BDC3C7;; text-align:center;}
#footer a {color:#BDC3C7;}
#friendlinks {clear:both;  font-size:0.75em;}
#friendlinks ul {overflow:hidden;}
#friendlinks li {float:left; color:#333; margin-right:10px; line-height:2em;}
#friendlinks li a {color:#333;}
#friendlinks li a:hover {text-decoration:underline; color:#000;}

/*commentslist*/
.commentslist {clear:both; overflow:hidden; background-color:#fff; margin:15px 0;}
.commentslist li {clear:both; border:1px solid #F2F2F2; overflow:hidden; padding:15px; margin-top:20px;}
.commentslist li:hover {border-color:#E1E1E1;}
.commentslist li .gravatar {float:left; width:54px; height:54px; overflow:hidden; margin-right:10px; display:inline;}
.commentslist li .gravatar img {width:50px; height:50px;  border:1px solid #ddd; padding:1px; border-radius:50px; transition: transform 0.4s ease-out 0s;}
.commentslist li .gravatar img:hover {transform: rotateZ(360deg);}
.commentslist li .comment-info {float:left;}
.commentslist li .comment-author {color:#FB7923; font-size:0.875em;}
.commentslist li .comment-author p {color:#999;}
.commentslist li .comment-author span {background-color:#FB7923; font-size:0.875em; padding:2px 5px; margin-right:5px; color:#fff; border-radius:2px; opacity:.5;}
.commentslist li .comment-author a {color:#333;}
.commentslist li .comment-text {clear:both; color:#666; font-size:0.875em;}
.commentslist li .comment-text a {color:#3A599A;}
.commentslist li .comment-text a:hover {text-decoration:underline;}
.commentslist li .comment-time span {font-size:0.6875em; color:#AAA;;}
.commentslist li .comment-time span a {margin-left:10px; color:#555;}
.commentslist li ul {overflow:hidden; clear:both;}
.commentslist li li {margin-top:10px;}
.commentslist .pagenavi {margin:15px 0;}
/*commentform*/
.commentform,.relatedpost,.relatedpro {margin:15px 0;}
.commentform h3,.commentslist h3,.relatedpost h3,.relatedpro h3 {font-weight:normal; font-size:1em;}
.commentform p {margin:5px 0; color:#666; font-size:0.875em;}
.commentform p a {color:#34495E;}
.commentform p label {display:block; }
.commentform p label i {font-style:normal; padding:0 5px; color:#3A599A; font-weight:bold;}
.commentform p input.text {width:94.75%; height:24px; padding:2px 5px; border:1px solid #ddd;}
.commentform p textarea {width:94.75%; padding:5px; height:110px; border:1px solid #ddd; resize:vertical;}
.commentform .submit {background-color:#1ABC9C; padding:6px 10px; border-radius:3px; border:none; cursor:pointer; color:#fff; appearance:none; -webkit-appearance:none;}
.commentform .submit:hover {background:#26C8A8;}
a#cancel-comment-reply-link {font-size:0.875em; color:#555;}
/*screen width*/
@media only screen and (max-width:1280px){
	.inner,#container {width:93.75%;}
	#searchform .text {width:84.833333%; padding:12px 1%;}
	#searchform .submit {padding:12px 1%; width:13.166667%;}
	.main {width:66.666667%;}
	.slider {padding:15px 1.875%;}
	.postmeta span {margin-right:1.875%;}

	.sidebar {width:30%;}
	.widget h3 {padding-left:4.166667%;}
	.widget ul {padding:10px 1.388889%;}
	#email .email {width:76.388889%; padding:10px 2.777778%;}
	#email .submit {padding:0 4.166667%; width:17%;}
	#custom ul li {width:45.833333%;}

	#custom ul li  {height:auto; max-height:160px; overflow:hidden;}
#custom ul li a {display:block;}
#custom ul li img {width:100%; height:auto; max-height:160px;}

	.sidebar .fixed  {width:26.5%;}
	#backtop {right:1.48257969%;}
}
@media only screen and (max-width:1080px){
	.main {width:73%;}
	.sidebar {width:25%;}
	.menu ul li a {padding:0 10px;}
	#category ul {width:auto;}
	#category li {display:block; float:none; width:auto; margin-right:0;}
}
@media only screen and (max-width:960px){
	#header {padding:25px 0; height:auto;}
	#header .inner {position:relative; overflow:hidden;}
	.sidebar .fixed  {width:27%;}
	.host-logo {width:150px; height:90px;}
	.host {padding-left:180px;}
	.host-meta .arrow {top:35px;}
	.host-meta p {line-height:1.65em;}

	* {-webkit-tap-highlight-color:transparent;}
	body.open {position:fixed; right:150px; top:0; width:100%; height:100%; overflow:hidden;}
	 .searchform_button, #backtop {display:none;}
	#searchform {display:block;}
	.nav_btn {width:40px; height:29px; overflow:hidden; border-radius:3px; cursor:pointer; position:absolute; right:0; top:50%; margin-top:-14.5px;}
	.nav_btn span {display:block; width:25px; height:3px; background:#ccc; margin:5px auto;}
	.nav {position:fixed; right:-150px; top:0; width:150px; height:100%; background-color:#222; overflow-y:auto; -webkit-overflow-scrolling:tourch;display: flex;align-items: center}
	.nav.open {right:0;}
	.menu {float:none; padding:2em 0;}
	.menu ul li {float:none; display:block; border-top:1px solid #262626; border-bottom:1px solid #363636; height:auto; line-height:45px; text-align:center;}
	.menu ul li a {padding:0; height:auto;}
	.menu ul li a:hover, .menu ul li.current-menu-item a, .menu ul li a.hover {background:none; border-radius:0;}
	.menu ul li ul li {padding:0;}
	.menu ul li ul{position:relative; top:0;  border-radius:0; background:none; padding:0;}
	.menu ul li ul li a {padding:0;}

	.themes li {width:23%;}
	/*960*/
	.relatedpost ul {width:auto;}
	.relatedpost ul li {float:none; width:auto; padding-right:0;}
}
@media only screen and (max-width:768px){
	.main,.sidebar {width:100%;}

	.widget {display:none;}
	#tags {display:block;}
	#tags h3 {border:none; background:#1ABC9C; font-weight:normal; color:#FFF; line-height: 30px;}
	.widget {margin-bottom:0;}
	.sidebar {margin:20px 0 0;}
	.sidebar .fixed {position:relative; top:auto; width:100%;}

	.favbox ul li {width:45%; padding:10px 2%;}
	/*768*/
	.pgTitle {font-size:24px;}
	/*768*/
	.postTitle {font-size:18px; letter-spacing:0;}
	/*768*/
	.blog h2 {font-size:18px; font-weight:normal; letter-spacing:0;}
	.blogItem .thumbnail {width:110px;}
	.blogItem .intro {margin-left:125px; margin-bottom:0; max-height:8em;}
	.blogItem .more {display:none;}
	/*768*/
	.entry {font-size:14px;}
}
@media only screen and (max-width:640px) {
	.host {padding:15px 0;}
	.host-logo {position:relative; left:auto; top:auto; width:200px; height:120px; margin:0 auto 20px;}
	.host-meta .arrow {left:50%; margin-left:-10px; top:-10px; border-bottom:10px solid #dedede; border-top:none; border-left:10px solid transparent; border-right:10px solid transparent;}

	.themes li {width:48%;}
	.themes li h2 {font-weight:normal;}
}
@media only screen and (max-width:480px) {
	#header {padding:20px 0;}
	.logo {width:100%; height:28px; background-size:contain;}
	.logo a {height:28px;}
	.postmeta,.homeentry,#custom,#tags {display:none;}
	.post {padding-bottom:15px;}
	.commentslist li .gravatar {width:44px; height:44px;}
	.commentslist li .gravatar  img {width:40px; height:40px;}
	.commentslist li .comment-author {font-size:0.75em; line-height:1.5em;}
	.commentslist li .comment-text {padding-left:0px;}
	.slider,.flexslider {max-height:200px;}
	.sidebar {margin:0;}
	.favbox ul li {width:auto; padding:10px; float:none; clear:both; display:block;}
	.post .title {font-size:18px; font-weight:normal; letter-spacing:0;}
}
@media only screen and (max-width:320px) {
	.themes ul {width:auto; padding-top:5px;}
	.themes li {width:auto; padding-right:0;}
}
.navHover{
background:#1abc9c; border-radius:3px; color:#fff;
}
